<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/assets/view/base/tag.jsp" %>
<!DOCTYPE html>
<head>
    <jsp:include page="/assets/view/common/head-meta.jsp"/>
    <title>mrcode博客,纯markdown程序员博客</title>
    <jsp:include page="/assets/view/common/head-ui.jsp"/>
</head>
<body>
<div class="page" id="top">
    <!-- 注册 section -->
    <section id="registContact" class="page-section" style="padding: 0">
        <div class="container relative">
            <!-- Contact Form -->
            <div class="row">
                <h2 class="section-title font-alt">
                    <a href="/" title="首页">
                        <span class="icon-user icon-2x">账户注册</span>
                    </a>
                </h2>

                <div class="col-md-12 col-sm-12 mt-140 mt-lg-80 mb-140 mb-lg-80">

                    <form class="form contact-form" id="regist_form">
                        <div class="banner-content center-block">

                            <div class="col-md-4 col-md-offset-4 col-sm-12">
                                <!-- Name -->
                                <div class="form-group has-feedback mr-from-line">
                                    <%--<label>账户</label>--%>
                                    <input id="account" name="account" type="text" class="input-md round form-control" autofocus="autofocus"
                                           placeholder="请输入账户"
                                           class="form-control" maxlength="12"
                                           data-toggle="tooltip" data-placement="right" title="Tooltip on the rightTooltip on the rightTooltip on the rightTooltip on the right"/>
                                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                                </div>
                                <!-- password -->
                                <div class="form-group has-feedback mr-from-line">
                                    <input name="password" class="input-md round form-control" type="password" placeholder="请输入密码"
                                           maxlength="12"/>
                                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                                </div>
                                <!-- email -->
                                <div class="form-group has-feedback mr-from-line">
                                    <input name="email" class="input-md round form-control" type="text" placeholder="请输入邮箱,并尽快激活"
                                           maxlength="32"/>
                                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                                </div>
                                <!-- inCode 邀请码 -->
                                <%-- <div class="form-group has-feedback">
                                     <input name="inCode" class="input-md round form-control" type="text" placeholder="请输入博主邀请码"
                                            maxlength="32"/>
                                     <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                                 </div>--%>
                            </div>

                            <div class="col-md-4 col-md-offset-4 col-sm-12">
                                <!-- 注册协议 -->
                                <div class="regst_agreement section-text well well-sm bg-info ">
                                    <h3 class="regst_agreement_title font-alt align-left">
                                        注册说明：
                                    </h3>
                                    <%-- <h4 class="regst_agreement_title font-alt align-left">
                                         注册协议：
                                     </h4>--%>
                                    <p>1. 账户：将作为您的博客域名，请谨慎填写，如：您的账户是：mrcode，您的博客地址是：http://www.mrcode.cn/<strong>mrcode</strong></p>
                                    <p>2. 邮箱：邮箱作为找回您密码的唯一凭证,请尽快激活；该功能开发中。

                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-md-offset-4 col-sm-12">
                            <div class="align-center">
                                <button class="submit_btn btn btn-mod btn-medium btn-round" id="submit_btn" value="注 册">注 册</button>
                            </div>
                        </div>
                        <div class="col-md-4 col-md-offset-4 col-sm-12">
                            <div class="cf-left-col">
                                <div class="form-ti pt-20">
                                    <a href="${contextPath}/account/login">已有账户? 登 陆</a>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="col-md-4 col-md-offset-4 col-sm-12 mt-70">
                        <!-- 注册协议 -->
                        <div class="regst_agreement section-text">
                            <h3 class="regst_agreement_title font-alt align-left">
                                注册协议：
                            </h3>
                            <%-- <h4 class="regst_agreement_title font-alt align-left">
                                 注册协议：
                             </h4>--%>
                            <p>1. 本博客是个人爱好博客,不做商用</p>

                            <p>2. 个人能力有限，尽量保证各位的数据完整和安全</p>

                            <p>3. 不能发布非法的文章信息</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Contact Form -->

        </div>
    </section>
    <!-- 注册 section -->
</div>
<!-- ********* bootstrap start ********* -->
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="/assets/lib/jquery/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="/assets/lib/bootstrap/js/bootstrap.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="/assets/lib/bootstrap/js/html5shiv.min.js"></script>
<script src="/assets/lib/bootstrap/js/respond.min.js"></script>
<![endif]-->
<!-- ********* bootstrap end ********* -->
<script src="${contextPath}/assets/lib/jquery.validate.js"></script>
<script src="${contextPath}/assets/lib/jquery/validate/messages_cn.js" charset="UTF-8"></script>
<script type="text/javascript" src="${basePath}/assets/js/common/comm.js"></script>
<script type="text/javascript" src="${basePath}/assets/lib/mrcode/ui.js"></script>
<script type="text/javascript" src="${basePath}/assets/js/register.js"></script>
</body>
</html>